<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心 - 我的新华书店</title>
    <link rel="icon" href="./images/bitbug_favicon.ico">
    <link rel="stylesheet" href="./font_2481939_cgiqmkfadol/iconfont.css">
    <link rel="stylesheet" href="./css/personal.css">
</head>
<body>
    <div class="header">
        <div class="header_cont">
            <div class="head_left">
                <span>下午好！</span>
                <span class="userMsg">&nbsp;189****3433 新华伴您畅游书海。</span>
                <span class="last_a"><a href="./index.html"> 退出登录</a></span>
            </div>
            <ul class="head_right">
                <li><a href="#">我的学习</a></li>
                <li><a href="./personal.html"><i class="iconfont" style="color: rgb(205,76,75);">&#xe60d;</i>&nbsp;个人中心</a></li>
                <li><a href="#">我的订单</a></li>
            </ul>
        </div>
    </div>
    <div class="head_seach">
        <div class="seach_cont">
            <div class="seach_logo">
                <a href="./index.html">
                    <div class="logo">
                        <img src="./images/personal_logo.png" alt="新华书店">
                    </div>
                </a>
            </div>
            <div class="nav">
                <ul class="nav_list">
                    <li><a href="./personal.html">首页</a></li>
                    <li><a href="#">账户设置</a></li>
                    <li><a href="#">消息</a></li>
                </ul>
            </div>
            <div class="seach">
                <div class="cart_num">
                    <a href="./cart.html"><i class="iconfont icon_left">&#xe628;</i>&nbsp;购物车<span class="num">2</span>件 &nbsp;<i class="iconfont icon_right">&#xe61c;</i></a>
                </div>
                <input type="text" name="keyword" class="seach_inp" placeholder="论中国共产党历史" autocomplete="off">
                <button class="seach_btn"><i class="iconfont">&#xe662;</i></button>
            </div>
        </div>
    </div>
    <div class="personal">
        <div class="personal_verHeart">
            <div class="verHeart_left">
                <div class="verHeart_left_cont">
                    <ul class="verHeart_nav">
                        <li class="nav_list">
                            <a href="#" class="nav_list_head">
                                <span>
                                    <label>订单管理</label>
                                </span>
                            </a>
                            <ul class="nav_list_body">
                                <li class="subnav_list"><a href="#">订单管理</a></li>
                                <li class="subnav_list"><a href="#">售后管理</a></li>
                                <li class="subnav_list"><a href="#">评价管理</a></li>
                            </ul>
                        </li>
                        <li class="nav_list">
                            <a href="#" class="nav_list_head">
                                <span>
                                    <label>关注中心</label>
                                </span>
                            </a>
                            <ul class="nav_list_body">
                                <li class="subnav_list"><a href="#">我的收藏</a></li>
                                <li class="subnav_list"><a href="#">浏览记录</a></li>
                                <li class="subnav_list"><a href="#">我的学习</a></li>
                            </ul>
                        </li>
                        <li class="nav_list">
                            <a href="#" class="nav_list_head">
                                <span>
                                    <label>账户信息</label>
                                </span>
                            </a>
                            <ul class="nav_list_body">
                                <li class="subnav_list"><a href="#">个人资料</a></li>
                                <li class="subnav_list"><a href="#">我的优惠券</a></li>
                                <li class="subnav_list"><a href="#">我的礼品卡(0)</a></li>
                                <li class="subnav_list"><a href="#">我的银行卡</a></li>
                                <li class="subnav_list"><a href="#">收货地址管理</a></li>
                                <li class="subnav_list"><a href="#">发票信息地址</a></li>
                                <li class="subnav_list"><a href="#">账户安全</a></li>
                                <li class="subnav_list"><a href="#">账号绑定</a></li>
                                <li class="subnav_list"><a href="#">意见反馈</a></li>
                            </ul>
                        </li>
                        <li class="nav_list">
                            <a href="#" class="nav_list_head">
                                <span>
                                    <label>管理帖子</label>
                                </span>
                            </a>
                            <ul class="nav_list_body">
                                <li class="subnav_list"><a href="#">我的帖子</a></li>
                                <li class="subnav_list"><a href="#">我的草稿箱</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="verHeart_right">
                <h3 class="verHeart_right_title">个人中心</h3>
                <div class="verHeart_right_body">
                    <div class="member_info">
                        <div class="user_info">
                            <div class="user_info_img">
                                <a href="#">
                                    <img src="" alt="">
                                </a>
                            </div>
                            <span class="wrapper">
                                <span title="寞黯" class="wrapper_name">
                                    <a href="#">寞黯</a>
                                </span>
                                <div class="member">
                                    <a href="#">
                                        <div class="point_level">
                                            <i class="iconfont">&#xe631;</i>
                                            <span class="grade">普通会员 &nbsp;<em>0</em>&nbsp;积分</span>
                                        </div>
                                    </a>
                                </div>
                                <span class="extra_info">
                                    <a href="#">收货地址</a>
                                    <span class="dividx"></span>
                                    <a href="#">优惠&nbsp;<em>0</em></a>
                                    <span class="dividx"></span>
                                    <a href="#">礼品卡&nbsp;<em>0</em></a>
                                </span>
                            </span>
                        </div>
                        <div class="stat_info">
                            <p class="title">信息</p>
                            <ul class="stat_cont">
                                <li>
                                    <a href="#">
                                        <i class="icon_payment"></i>
                                        <br>待付款<em>0</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="icon_ship"></i>
                                        <br>待发货<em>0</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="icon_receipt"></i>
                                        <br>待收货<em>0</em>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="icon_evaluation"></i>
                                        <br>待评价<em>0</em>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <table class="order">
                        <thead>
                            <tr>
                                <th colspan="6">
                                    我的订单
                                    <a href="#">查看全部</a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="6">
                                    <div class="common">
                                        <div class="empty_icon empty_order"></div>
                                        <div class="empty_tip">您还没有下过单</div>
                                        <div class="empty_link ">
                                            <a href="./productList.html">
                                                <span>去购物</span>
                                                <i class="iconfont">&#xe61c;</i>
                                            </a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="order">
                        <thead>
                            <tr>
                                <th colspan="6">
                                    商品收藏
                                    <a href="#">查看全部</a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="6">
                                    <div class="common">
                                        <div class="empty_icon empty_fav"></div>
                                        <div class="empty_tip">您暂未收藏任何商品~</div>
                                        <div class="empty_link">
                                            <a href="./productList.html">
                                                <span>去购物</span>
                                                <i class="iconfont">&#xe61c;</i>
                                            </a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="order">
                        <thead>
                            <tr>
                                <th colspan="6">
                                    浏览记录
                                    <a href="#">查看全部</a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="per_itme">
                                        <span class="per_itme_imgs">
                                            <a href="./ItemDetails.html">
                                                <img src="./images/xhsd_xiao_si.webp" alt="">
                                            </a>
                                            <span class="goto"></span>
                                        </span>
                                        <span class="name">
                                            <a href="./ItemDetails.html">笑死了！刷了1400年的大唐诗人朋友圈</a>
                                        </span>
                                        <span class="price">￥90.00</span>
                                    </div>
                                    <div class="per_itme">
                                        <span class="per_itme_imgs">
                                            <a href="./ItemDetails.html">
                                                <img src="./images/xhsd_ji_xian.webp" alt="">
                                            </a>
                                            <span class="goto"></span>
                                        </span>
                                        <span class="name">
                                            <a href="./ItemDetails.html">极限地球</a>
                                        </span>
                                        <span class="price">￥980.00</span>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="verHeart_right_foot">
                    <div class="foot_cont">
                        <h2 class="foot_title">新华推荐</h2>
                        <div class="product_list">
                            <div class="product_itme">
                                <a href="./productList.html">
                                    <div class="product_itme_img">
                                        <img src="https://img7.xinhuashudian.com/images/2021/06/17/2133c981-a14f-4ba4-816a-db2319a4d993.png?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                                    </div>
                                    <h2 class="product_itme_title">精美茶具</h2>
                                    <p class="product_itme_price">￥438.00</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./libs/ajax.js"></script>
<script src="./js/personal.js"></script>
</html>